<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" language="javascript" src="js/requireplugins-jquery-1.4.4.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="css/themes/flick/jquery-ui-1.8.5.custom.css"/>
    <script type="text/javascript" language="javascript" src="js/jquery-ui-1.8.7.custom.js" charset="utf-8"></script>
    <script type="text/javascript" language="javascript" src="js/Ems.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="css/Ems.css"/>
    <title>example page for ems.</title>
</head>
<body>

<h1>example page for ems</h1>

<h2>new entry</h2>
<div id="detailPanel">
    <form action="dummy" id="form">
        <p><label for="id">id: <input type="text" id="idText" name="id" size="10"/></label></p>
        <p><label for="name">name: <input type="text" id="nameText" name="name" size="50"/></label></p>
        <p><label for="longText">longText:<textarea id="longTextArea" name="longText"></textarea></label></p>
        <p><input type="submit" id="detailSubmit"/></p>
    </form>
</div>

<h2>entries</h2>
<div id="listPanel"></div>

<script type="text/javascript">//<![CDATA[
require(['ExamplePage'], function(ExamplePage) {
    var examplePage = new ExamplePage();
    examplePage.listPanel = $('#listPanel');
    examplePage.detailPanel = $('#detailPanel');
    examplePage.idText = $('#idText');
    examplePage.nameText = $('#nameText');
    examplePage.longTextArea = $('#longTextArea');
    examplePage.detailSubmit = $('#detailSubmit');
    examplePage.form = $('#form');
    examplePage.onLoad();
});
//]]></script>
</body>
</html>
